@charset "utf-8";
.dTop{
	position: relative;
	float:left;
	width: 100%;
	height:630px;
	background: #171E33;
}
.dLLine,
.dRLine{
	position: absolute;
	top:360px;
	float:left;
	width: 70%;
	height: 5px;
	background: #0F7890;
	z-index: 1;
}
.dRLine{
	top:325px;
	right: 0;
	width: 30%;
}
.dContent{
	width: 940px;
	margin: 0 auto;
}
.dCLeft{
	float:left;
	margin-top:140px;
}
.dCLeft a{
	display: inline-block;
	margin-bottom: 20px;
}
.dCLeft p{
	font-size: 30px;
	line-height: 35px;
	color: #eee;
}
.dCLWords{
	position: absolute;
	float:left;
	width: 306px;
	margin-top: 30px;
	z-index: 10;
}
.dCLWords em,
.dCLWords i{
	float:left;
	width: 100%;
	color: #07d2ed;
	background: #161D32;
}
.dCLWords em{
	font-size:24px;
}
.dCLWords i{
	font-family: 'Impact';
	font-size: 60px;
	line-height: 70px;
}
.dCRight{
	position: relative;
	float:right;
	width: 556px;
	height: 560px;
	margin-top: 34px;
	z-index: 10;
	background:#171E33 url(../image/dCRight.png) no-repeat;
}
.dCRContent{
	position: relative;
	float:left;
	left:47px;
	top:47px;
	width: 460px;
	height: 460px;
	border-radius: 50%;
	text-align: center;
	z-index: 13;
	background: #171E33;
	border: #07D1EC 1px solid;
}
.dCRCProgress{
	position: absolute;
	width: 460px;
	height: 460px;
	border-radius: 50%;
	z-index: 12;
}
.dCRCWords{
	position: absolute;
	width: 460px;
	z-index: 14;
}
.dCRCWords em{
	display: inline-block;
	width:100%;
	font-size: 24px;
	color: #f0f5ff;
	margin-top: 134px;
}
.dCRCWords p{
	display: inline-block;
	width: 100%;
	font-size:72px;
	color: #fff;
	margin-top:22px;
	margin-bottom:31px;
	font-family: 'Impact';
}
.dCRCWords i{
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	background:#1F273B;
	font-size: 18px;
	color: #07d2ed;
	border-radius: 20px;
}
.dCRBg{
	position: absolute;
	width: 540px;
	height: 540px;
	left:10px;
	top:10px;
	z-index: 13;
	background:url(../image/dCRBg.png) no-repeat;
	-webkit-animation: z 5s linear 0s infinite;
	-moz-animation: z 5s linear 0s infinite;
	-ms-animation: z 5s linear 0s infinite;
	animation: z 5s linear 0s infinite;
}
@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

.dCRCPLeft {
	position: absolute;
	left:-15px;
	height: 430px;
	border-left:#fff 15px solid;
	border-radius: 50%;
}
.dCRCPRight{
	clip: rect(0px,100px,200px,0px);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background-color: #fff;
}
.dFull{
	position: fixed;
	right: 3%;
	top:80px;
	width: 38px;
	height: 108px;
	border:#444D6B 1px solid;
	border-radius: 20px;
	cursor: pointer;
	z-index: 20;
}
.dFull i{
	float:left;
	width: 12px;
	height: 12px;
	margin-left: 13px;
	margin-top: 17px;
	background: url(../image/dFull.png) no-repeat -2px -2px;
}
.dFull em{
	float:left;
	width:14px;
	line-height: 15px;
	color:#666;
	margin-left: 12px;
	margin-top: 5px;
	padding-right: 10px;
}
.dFull:hover{
	background: #07D2ED;
	border:#07D2ED 1px solid;
}

.dFull:hover i{
	background-position: -2px -18px;
}
.dFull:hover em{
	color: #fff;
}
.dCRSideline{
	position: absolute;
	width: 461px;
	height: 461px;
	background: url(../image/sideline.png) no-repeat;
	z-index: 13;
	/*-webkit-animation: y 20s linear 0s infinite;
	-moz-animation: y 20s linear 0s infinite;
	-ms-animation: y 20s linear 0s infinite;
	animation: y 20s linear 0s infinite;*/
}
@-webkit-keyframes y {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}
.dStatistics{
	float:left;
	width: 100%;
	height: 600px;
	background: #f5f5f5;
}
.dSTop{
	float:left;
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #2f3545;
	margin-top: 42px;
	margin-bottom: 26px;
}
.dSPublic{
	width: 1000px;
	margin: 0 auto;
}
.dSList{
	width: 364px;
	margin: 0 auto;
}
.dSList li,
.dCTList li a{
	float:left;
	width: 118px;
	height: 38px;
	line-height: 38px;
	border:#ccc 1px solid;
	text-align: center;
	color:#666;
	cursor: pointer;
}
.dSList li.dSLOne,
.dCTList li.dCTLOne a{
	border-radius: 5px 0 0 5px;
}
.dSList li.dSLTwo,
.dCTList li.dCTLTwo a{
	margin: 0 2px;
}
.dSList li.dSLThree,
.dCTList li.dCTLThree a{
	border-radius:0 5px 5px 0;
}
.dCTList li.cur a,
.dCTList li a:hover,
.dSList li.cur{
	border:#07D2ED 1px solid;
	background: #07D2ED;
	color: #fff;
}
.dContribution{
	float:left;
	width: 100%;
	height: 680px;
	background: #222940;
}
.dContribution .dSTop{
	color: #fff;
}
.dCPublic{
	width: 920px;
	margin:0 auto;
}
.dCTop{
	float:left;
	width: 100%;
	height:40px;
}
.dCTList{
	float:left;
	margin-right: 20px;
}
.dCTList li{
	float:left;
}
.dCTList li a{
	color: #ddd;
	border:#5A6075 1px solid;
}
.dCForm input{
	float:left;
	height: 38px;
	line-height: 38px;
}
.dCForm input[type=text]{
	float:left;
	width: 178px;
	padding-left: 20px;
	font-size: 16px;
	color: #ddd;
	font-family: 'Myriad Pro';
	border:#5A6075 1px solid;
	border-radius: 5px;
	background: #222940 url(../image/dCForm.png) no-repeat 90%;
}
.dCForm input[type=submit]{
	float:left;
	width: 88px;
	color: #fff;
	margin-left: 20px;
	border:#5A6075 1px solid;
	background: #222940;
	border-radius: 20px;
}
.dCForm input[type=submit]:hover{
	color: #07D2ED;
}
.dCForm i{
	float:left;
	color: #5A6075;
	margin: 10px 10px 0 10px;
}
.dCList{
	float:left;
	width: 100%;
}
.dCList li{
	float:left;
	height:42px;
	margin-top:20px;
}
.dCList li em{
	float:left;
	font-family: 'Myriad Pro';
}
.dCList li em.dCLOne{
	width:42px;
	height: 42px;
	background: #373E57;
	border-radius: 50%;
	margin-right: 30px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.dCList li em.dCLOne i{
	display: inline-block;
	padding-top: 11px;
}
.dCList li em.dCLTwo,
.dCList li em.dCLFour,
.dCList li em.dCLFive,
.dCList li em.dCLSix{
	font-size: 18px;
	color: #fff;
	margin-top: 12px;
}
.dCList li em.dCLTwo{
	margin-right: 55px;
}
.dCList li em.dCLFour{
	margin-right: 64px;
	font-family: "微软雅黑";
	margin-top: 9px;
}
.dCList li em.dCLFive{
	width:75px;
	color: #f76394;
	margin-right:10px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dCLThree{
	position: relative;
	width: 340px;
	height: 10px;
	background: #3B4156;
	border-radius: 5px;
	margin-top: 18px;
	margin-right: 40px;
}
.dCLThree i{
	position: absolute;
	left:0;
	top:0;
	height: 10px;
	background: #07D2ED;
	border-radius: 5px;
	transition: width 2s;
	-moz-transition: width 2s;	/* Firefox 4 */
	-webkit-transition: width 2s;	/* Safari 和 Chrome */
	-o-transition: width 2s;	/* Opera */
}
.dCList li em.dCLFour i{
	color: #888;
	margin-left: 5px;
}
.dCList li em.dCLSix a{
	color:#07d2ed;
	font-size: 14px;
}
.dCList li em.dCLSix a:hover{
	text-decoration:underline;
}
.dDetailed{
	float:left;
	width: 100%;
	background: #F5F5F5;
}
.dDList{
	width: 888px;
	margin: 0 auto;
	padding-left: 92px;
}
.dDList ul li{
	position: relative;
	float:left;
	width: 885px;
	height: 80px;
	border-left:#ACACAC 2px solid;
}
.dDList ul li:hover{
	background: #DDF1F4;
	border-left:#07D2ED 2px solid;
}
.dDList ul li em.dDLOne{
	position: absolute;
	width: 92px;
	line-height: 80px;
	left:-87px;
	font-family: 'Myriad Pro';
	color: #666;
	background: url(../image/dDLOne.png) no-repeat right 32px;
}
.dDList ul li:hover em.dDLOne{
	background: url(../image/dDLOnes.png) no-repeat right 32px;
}
.dDLTime{
	float:left;
	margin: 10px 20px 0 25px;
}
.dDLWords{
	float:left;
	max-width: 168px;
	margin-top:16px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dDLWords strong{
	font-size: 16px;
	color: #333;
}
.dDLWords p{
	color: #666;
	margin-top: 6px;
}
.dEllipsis{
	float:left;
	color: #ccc;
	margin-top: 15px;
	letter-spacing:3px;
	margin-right: 20px;
}
.dDTime{
	float:left;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	margin-top: 20px;
}
.dDTime em,
.dDTime font{
	color: #666;
	padding-left: 26px;
	background: url(../image/time.gif) no-repeat 0 3px;
}
.dDTime font{
	background: url(../image/money.gif) no-repeat 0 1px;
}
.dDTime i{
	color: #d4386c;
}
.dDLine{
	float:left;
	margin: 21px 11px 0 11px;
}
.dDLAll{
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	background: #07D2ED;
	color: #fff;
	border-radius: 20px;
	text-align: center;
	margin: 20px 0 40px 287px;
}
.stop{
	-webkit-animation: none;
    -moz-animation: none;
    animation: none;
}
.tPopup{
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,.3);
	z-index: 99;
	display: none;
}
.tPContent{
	position: fixed;
	left:50%;
	top:50%;
	width:860px;
	height: 550px;
	margin-left: -430px;
	margin-top: -275px;
	background: #fff;
	border-radius:10px;
}
.tPCTop{
	position: relative;
	float:left;
	width: 100%;
	height:60px;
	line-height: 60px;
	text-align: center;
	border-radius: 10px 10px 0 0;
	background: #FBFAFA;
	box-shadow: 0 0 10px #E8E8E8;
	font-size: 20px;
	color: #333;
}
.tPCClose{
	position: absolute;
	right:20px;
	top:0;
	width: 42px;
	height: 50px;
	background: url(../image/tPCTop.png) no-repeat;
	background-position:-2px -2px;
	cursor: pointer;
}
.tPCClose:hover{
	background-position: -2px -56px;
}
.tPList{
	float:left;
	margin-top: 30px;
}
.tPList li{
	float:left;
	width:258px;
	height: 88px;
	border:#eee 1px solid;
	margin-left: 20px;
	margin-bottom: 20px;
}
.tPList li:hover{
	border:#E6FAFD 1px solid;
	background: #E6FAFD;
}
.tPLIcon{
	float:left;
	margin:14px 10px 0 26px;
}
.tPLContent{
	float:left;
	width:162px;
	margin-top:23px;
}
.tPLContent strong,
.tPLContent p{
	float:left;
	width: 100%;
	color: #333;
}
.tPLContent strong{
	margin-bottom:4px;
}
.cTop{
	float:left;
	width: 100%;
	height:70px;
	
	background: #F7F8F9;
}
.cDetailed{
	box-shadow: inset 0px 4px 4px #E9E9E9;
}
.cDTop{
	float:left;
	width: 300px;
	height: 59px;
	line-height: 50px;
	background: url(../image/cDetailed.png) no-repeat;
	font-size: 18px;
	color: #fff;
	margin-top: 30px;
	margin-left: -91px;
	text-align: center;
}
.cDetailed ul li{
	height: 60px;
}
.cDetailed ul li .dDLWords{
	margin-top: 9px;
}
.cDetailed ul li .dDLWords strong{
	font-size: 14px;
}
.cDetailed ul li .dDLWords p{
	margin-top: 2px;
}
.cDetailed ul li .dEllipsis{
	margin-top: 6px;
}
.cDetailed ul li .dDTime{
	margin-top: 11px;
}
.cDetailed ul li .dDLine{
	    margin: 12px 11px 0 11px;
}
.cDetailed ul li em.dDLOne{
	line-height: 60px;
	background: url(../image/dDLOne.png) no-repeat right 22px;
}
.cDetailed ul li:hover em.dDLOne{
	background: url(../image/dDLOnes.png) no-repeat right 22px;
}
.cTop .dCPublic{
	width: 1000px;
	margin: 0 auto;
}
.cTop .dCPublic .dCTop{
	float:right;
	width: 778px;
	margin-top: 15px;
}
.cTop .dCForm i{
	margin: 10px 5px 0 5px;
}
.cTop .dCForm input[type=text]{
	width: 158px;
	background: #F7F8F9;
}
.cTop .dCForm input[type=text],
.cTop .dCTList li a,
.cTop .dCForm input[type=submit]{
	color: #666;
}
.cTop .dCTList li.cur a{
	color: #fff;
}
.cTop .dCForm input[type=submit]{
	width: 70px;
	background: #F7F8F9;
	border:#ccc 1px solid;
	margin-left: 10px;
}
.cTop .dCForm input[type=submit]:hover{
	border:#07D2ED 1px solid;
	color: #07D2ED;
}
.cTName{
	float:left;
	height: 18px;
	line-height: 18px;
	padding-left: 10px;
	margin-top: 27px;
	color:#333;
	font-weight: bold;
	font-size: 18px;
	border-left:#07D2ED 2px solid;
}
.cTop .dSList li, .cTop .dCTList li a{
	width: 98px;
}
.cTop .dCTList{
	margin-right: 10px;
}
.cPagination{
	float:left;
	width: 100%;
	margin: 40px 0;
}
.cPage{
	width:350px;
	margin: 0 auto;
}
.cPage ul,
.cPage ul li {
	float:left;
	height: 30px;
}
.cPage ul li a,
.cPage ul li em{
	float:left;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border:#ddd 1px solid;
	border-radius:2px;
	color: #666;
	margin-right: 2px;
}
.cPage ul li a:hover{
	border:#07D2ED 1px solid;
	background: #07D2ED;
	color: #fff;
}
.cPrevious,
.cnext{
	width: 30px;
	height: 30px;
}
.cPrevious{
	float:left;
	margin-right: 2px;
}
.cnext{
	float:right;
}
